@include theme {
  .doc-search {

    .pl-input-prefix-icon {
      font-size: 16px !important;
    }

    .pl-input-inner {
      box-shadow: none !important;
      border: none !important;
      width: 400px !important;
    }

  }

  .doc-search-popper {

    .plain-popper-content {
      background-color: #f6f6f6 !important;
    }

    .pl-popper-content-inner {
      & > .pl-scroll {
        & > .pl-vertical-scrollbar-wrapper {
          display: none;
        }
      }
    }

    .doc-search-group {
      margin-top: 0;

      .doc-search-group-name {
        font-size: 16px;
        font-weight: bold;
        padding: 8px 12px;
        color: $colorPrimary;
      }

      .doc-search-group-header {
        font-size: 12px;
        color: #ccc;
      }

      .doc-search-group-list {
        font-size: 14px;
        padding: 0 4px;

        .pl-select-option {
          border-radius: 0;
          padding-left: 28px;
          font-size: 13px;
          position: relative;
          min-height: 45px;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;

          .doc-search-type {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            content: '#';
            font-size: 16px;
            font-weight: bold;
          }

          &:hover {
            background-color: $colorPrimary !important;

            &, & .doc-search-group-content-text {
              text-decoration: none !important;
              color: white !important;
            }
          }

          & + .pl-select-option {
            margin-top: 4px;
          }

          .doc-search-group-content-text {
            color: $colorPrimary;
            font-weight: bold;
          }
        }
      }
    }
  }
}
